<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首页</title>
<link rel='stylesheet prefetch' href='css/reset.css'>
<link rel="stylesheet" type="text/css" href="css/default.css">

<!-- 引入jQuery -->
<script type="text/javascript" src="../js/jquery-1.42.min.js"></script>
<!--必要样式-->
<link rel="stylesheet" type="text/css" href="css/styles.css">
<!--[if IE]>
	<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
<style type="text/css">

</style>
</head>
<body class="body">

	<section class="buttons">

		<div class="container"	style="background: url(../images/1_2.gif) no-repeat center; background-size: 1540px 730px;">
			<div class  = "aabvv" style="background: url(../images/1_2.gif) no-repeat center; background-size: 1507px 730px;"></div>
			
			<div style="margin-top: 100px">
				
				
				<br> <a class="button" id="aa"  onclick="int=window.clearInterval(int)"  style="font-size: 28px;font-family: KaiTi"  >
			不管风吹浪打，胜似闲庭信步	</a>
				<br>
				<div style="margin-top: 30px">
				<a href="https://baike.baidu.com/item/%E6%AF%9B%E6%B3%BD%E4%B8%9C/113835?fr=aladdin" style="font-size:14px; margin-left:400px" >-----毛泽东</a>
				
				</div>
			</div>

			<div>
				<a href="../library/tets.html"  class="btn btn-2"
				target="_blank"	style="background: #E1332D; float:left;margin-left:30px">图书馆</a> <a href="../index.html"
				target="_blank"	class="btn btn-2" style="background: #E1332D; float:right">主页</a>

			</div>
		</div>
	</section>
				<script type="text/javascript">
				var arr = new Array()
				arr[0] = "不管风吹浪打，胜似闲庭信步。"
				arr[1] = "不打无准备之战."
				arr[2] = "不是东风压倒西风,就是西风压倒东风。"
				arr[3] = "不到长城非好汉。"
				arr[4] = "榜样的力量是无穷的。"
				arr[5] = "兵民是胜利之本。"
				var i = 0
				var d = document.getElementById('aa');
				var int =  setInterval("click12()",5000);
				function click12(){
					  if(i<5){
					 		 i++
					  d.innerText = arr[i]
					  }else{
						 	 i=0
						  d.innerText = arr[i]
					  }
				  }
			</script>
	<script type="text/javascript">

	$(".body").mousedown(function(e){  
		var arr = ['富强','民主','文明','和谐','自由','平等','公正','法制','爱国','敬业','诚信','友善'] 
	    switch(e.which){
	        //左键点击
	        case 1:{
	            //计算鼠标点击坐标
	            var x = e.originalEvent.x ||e.originalEvent.layerX || 0     
	            var y = e.originalEvent.y ||e.originalEvent.layerY || 0 
	            //随机取出文字          
	            var index = Math.floor((Math.random()*arr.length))
	            var text = arr[index]
	            //调用文字显示函数
	            createDiv(x,y,text)
	            //文字出现后固定时间内消失
	            $('.newdiv').delay(600).hide(0)
	            break
	        }   
	    }
	})
	function createDiv (x,y,text) {
	    var color = 'red'
	    //在鼠标点击处创建一个div用来显示文字
	    newDiv = $("<div></div>")
	    newDiv.css({
	    	'font-size' : '40px',
	        'position':'absolute',
	        'width':'40px',
	        'height':'30px',
	        'left': x-15 + 'px',
	        'top': + y-20 +'px',
	        'text-align':'center',
	        'color':color
	    })
	    newDiv.addClass('newdiv')
	    $('.aabvv').html(newDiv)
	    $('.newdiv').html(text)
	    //动画效果
	    $('.newdiv').animate({top:+ y-35 +'px'})
	}
	</script>
	
	
	
	

</body>
</html>